<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<title>单点街景</title>
<style type="text/css">
*{
    margin:0px;
    padding:0px;
}
body, button, input, select, textarea {
    font: 12px/16px Verdana, Helvetica, Arial, sans-serif;
}
p{
    width:603px;
    padding-top:3px;
    overflow:hidden;
}
.btn{
    width:142px;
}
#pano_container{
	min-width:600px;
	min-height:500px;
}
</style>
<script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp&key=34UBZ-J373U-CDLVP-B72UK-YCCNO-T7F7N"></script>
<script>
function init() {
	// 创建街景
	pano = new qq.maps.Panorama(document.getElementById('pano_container'), {
		"pano": '20041134140224160731100',     //此处街景id在  http://lbs.qq.com/tool/streetview/index.html   处可取得
        pov:{   //视角
            heading:344.4,  //偏航角
            pitch:2.1     //俯仰角
        },
        zoom:1      //缩放
	});
}
</script>
</head>

<body onLoad="init();">

<div id="pano_container"></div>
</body>
</html>
